@charset "utf-8";
// 不同配色方案
@import "./skin/brown";
@import "./skin/green";
@import "./skin/pink";
@import "./skin/white";
@import "./skin/custom-checkup";
@import "./skin/custom-cloud";
@import "./skin/custom-fuchsin";
@import "./skin/custom-tongde";
// 以下不随配色方案改变
$hd: 1px; // 基本单位
// --- 色彩 ---
// 通用全局/品牌色
$brand-success: #32b16c;
$brand-error: #ff2500;
$brand-wait: #00bcd4;
$brand-disabled:#bdbdbd;
// 文字色，不随配色（有配色=>配色文字颜色直接使用相应变量）
$color-text-base: #000; // 基本，基本用不到
$color-text-base-inverse: #fff; // 白色文字
$color-text-light: rgba(255, 255, 255, .7); // 浅色文字
$color-text-black: rgba(0, 0, 0, .87); // 黑色文字
$color-text-grey: rgba(0, 0, 0, .54); // 灰色文字
$color-text-default: rgba(0, 0, 0, .26); // 缺省文字
$color-text-placeholder: $color-text-default; // 文本框提示
$color-text-base-disabled: $color-text-default; // 失效文字
$color-text-base-inverse-disabled:rgba(255, 255, 255, .4);
$color-text-jyt-yellow: #F96A0E; // 京医通黄色
$color-text-jyt-blue: #0BA1D4; // 京医通蓝色
// 背景色
$color-fill-body: #f5f5f5; // 页面背景
$color-fill-base: #fff; // 组件默认背景
$color-fill-secondary: #fafafa; // 组件辅助背景
$color-fill-tap: #eee; // 组件默认背景 - 按下
$color-fill-disabled: #fff; // 通用失效背景，即失效无背景色
$color-fill-mask: rgba(0, 0, 0, .3); // 遮罩背景
$color-fill-green: $brand-success; // 京医通绿色
$color-fill-jyt-green: #289A40; // 京医通绿色
// 分割线
$color-line-default:#ddd;
$color-line-light: #eee;
// 无通用边框色概念，只有按钮才有边框，因此边框颜色纳入按钮组件中定义
// 透明度
$opacity-disabled: 0.4; // switch checkbox radio 等组件禁用的透明度，包含其边框
// --- 色彩 ---
// --- 尺寸 ---
// 行高
$line-height-sm: 1.2;
$line-height-base: 1.4;
// 文字大小（注意：使用系统默认字体！！！即不要设置font-family属性）
$font-size-icontext: 20 * $hd; // 小字体
$font-size-info: 24 * $hd; // 说明类
$font-size-list: 26 * $hd; // 列表，其他特定位置
$font-size-content: 28 * $hd; // 清单内容主文字，使用最多之一
$font-size-caption: 32 * $hd; // 标题，文本，使用最多之一
$font-size-heading: 36 * $hd; // 主标题 大按钮
// 圆角，设计无通用圆角概念，以下值为设计师常用尺寸总结
// xs - Extra small
// sm - Small
// md - Medium
// lg - Large
// xl - Extra large
$radius-xs: 2 * $hd;
$radius-sm: 4 * $hd;
$radius-md: 6 * $hd;
$radius-lg: 10 * $hd;
$radius-xl: 25 * $hd;
$radius-circle: 50%;
// 边框尺寸
$border-width-sm: 1PX; // 1px高清方案
$border-width-lg: 2 * $hd;
// 通用边框
$border-default-sm: $border-width-sm solid $color-line-default;
$border-light-sm: $border-width-sm solid $color-line-light;
$border-default-lg: $border-width-lg solid $color-line-default;
$border-light-lg: $border-width-lg solid $color-line-light;
// --- 间距 ---
// 水平间距
$h-spacing-sm: 5 * $hd;
$h-spacing-md: 8 * $hd;
$h-spacing-lg: 15 * $hd;
// 垂直间距
$v-spacing-xs: 3 * $hd;
$v-spacing-sm: 6 * $hd;
$v-spacing-md: 9 * $hd;
$v-spacing-lg: 15 * $hd;
$v-spacing-xl: 21 * $hd;
// --- z-index ---
$zindex-login: 777;
$zindex-mask: 888;
$zindex-modal: 999;
$zindex-loading: 1000;
$zindex-toast: 1000;
// 组件变量
// 如果需要定制的话，可以放在这里，如果不需要定制，直接写在组件样式中
// 而且组件使用颜色也是直接使用主题色，不会单独设计颜色